﻿<a href="javascript:;" ng-click="isVisible = true;">
    <h1 class="title">
        {{ selectedItem || '-- All --' }}
        <span class="icon icon-caret"></span>
    </h1>
</a>
<div class="popover" ng-show="isVisible" ng-class="{ 'visible': isVisible }" style="display: block;">
    <header class="bar bar-nav">
        <h1 class="title">
            {{ caption }}
        </h1>
    </header>
    <ul class="table-view">
        <li class="table-view-cell">
            -- All --
        </li>
        <li class="table-view-cell" ng-repeat="item in items" ng-click="selectItem(item)">
            {{ item }}
        </li>
    </ul>
</div>